<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body style="height: 2000px">
<a href="index.html">跳转</a>
<input type="button" value="后退" class="btnStyle" onclick="test()"/><br>
<input type="button" value="前进" class="btnStyle" onclick="test1()"/><br>
<input type="button" value="历史记录数量" class="btnStyle" onclick="test2()"/>
<button onclick="fn()">按钮</button>
<button onclick="fn1()">按钮</button>
<script type="text/javascript">
    function test() {
//back ： 返回上一个页面
        history.back();
// history.go(-1);
    }

    function test1() {
//forward：切换到下一个页面
        history.forward();
// history.go(1);
    }

    function test2() {
//length属性，获取历史记录中网址的个数
        var len = history.length;
        console.log(len);
    }


    var timeout
    var interval

    function fn() {
        var s1 = location.href;
//获取地址栏网址的协议
        var s2 = location.protocol;
//获取地址栏网址的端口
        var s3 = location.port;
// 获取地址栏网址的主机和端口
        var s4 = location.host;
// 获取地址栏网址的主机
        var s5 = location.hostname;
// 获取地址栏网址的资源路径
        var s6 = location.pathname
        console.log(s1)
        console.log(s2)
        console.log(s3)
        console.log(s4)
        console.log(s5)
        console.log(s6)
        // 修改地址栏完整的网址（可以实现网页跳转）
        // location.href = "http://www.baidu.com/";
        location.replace("http://www.baidu.com/")


//返回浏览器的名称（在老版本的IE中可以测试）
        var name = navigator.appName;
//返回浏览器的代码名
        var code = navigator.appCodeName;
//返回浏览的版本信息
        var version = navigator.appVersion;
//返回浏览的平台信息
        var platform = navigator.platform;
//返回浏览的引擎
        var product = navigator.product;
//检查当前浏览器是否启用cookie
        var b = navigator.cookieEnabled;

        // console.log(name)
        // console.log(code)
        // console.log(version)
        // console.log(platform)
        // console.log(product)
        // console.log(b)


        //1.获取屏幕的宽度和高度(分辨率)
        var w = screen.width;
        var h = screen.height;
//2.获取屏幕可用的宽度和高度（除掉状态栏）
        var aw = screen.availWidth;
        var ah = screen.availHeight;
//3.屏幕的像素深度
        var p = screen.pixelDepth;
        // console.log(w)
        // console.log(h)
        // console.log(aw)
        // console.log(ah)
        // console.log(p)


        console.log("1")
        showDate()

        // timeout = window.setTimeout("showDate()", 3000);
        interval = window.setInterval("showDate()", 2000);

        // window.scrollTo(100,300);
        // var w = window.open("http://www.taobao.com","淘宝官网","width=100,height=100");
        // w.moveTo(200,100);
        // window.close()
    }

    function fn1() {
        window.clearTimeout(timeout)
        window.clearInterval(interval)
    }

    function showDate() {
        var date = new Date();
        var year = date.getYear() + 1900; //获取年份，相对于1900年的偏移年份
        var month = date.getMonth() + 1; //获取月份0-11
        var d = date.getDate(); //获取日期
        var hour = date.getHours(); //获取小时
        var min = date.getMinutes(); //获取分钟
        var sec = date.getSeconds(); //获取秒
        var str = year + "-" + month + "-" + d + " " + hour + ":" + min + ":" + sec;
        console.log(str);
    }

    // window.alert("请注意，倒车！");
    //confirm：消息确认框，当用户进行不可逆、且影响数据的操作，进行用户确认
    // 此弹窗有返回值，当用户点击“确定”时，返回true
    // var v = window.confirm("请问你确定删除这个信息吗？");
    //prompt：用户交互输入框，参数1(弹框问题提示信息)，参数2(输入框默认值)
    // 此弹窗有返回值，如果点击确定返回值为输入框中的值，点击取消返回值为null
    // var v= window.prompt("请输入你的出生年份:","2024");


    var name = window.name;
    var status = window.status
    //获取当前窗口是否关闭
    var s = window.closed;
    //innerWidth: 获取浏览器的内部宽度 (IE8及以下版本不支持当前属性)
    //innerHeight：获取浏览器的内部高度 (IE8及以下版本不支持当前属性)
    var w = window.innerWidth;
    var h = window.innerHeight;
    //outerWidth: 获取浏览器的外部宽度 (IE8及以下版本不支持当前属性)
    //outerHeight：获取浏览器的外部高度 (IE8及以下版本不支持当前属性)
    var ow = window.outerWidth;
    var oh = window.outerHeight;
    // console.log(name)
    // console.log(status)
    // console.log(s)
    // console.log(w)
    // console.log(h)
    // console.log(ow)
    // console.log(oh)


    //获取BOM对象属性
    var v = window.navigator;
    var s = window.screen;
    var l = window.location;
    var h = window.history;
    var d = window.document;
    // console.log(v)
    // console.log(s)
    // console.log(l)
    // console.log(h)
    // console.log(d)
</script>
</body>
</html>